import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:mymoduleb/SignPage.dart';

class MyHomePage extends StatelessWidget{


  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: '我的应用',
      home: Scaffold(
        // appBar: AppBar(
        //   //应用程序名称
        //   //title: const Text('我的首页'),
        //   backgroundColor: Colors.transparent,
        //   elevation: 0.0,
        //
        // ),
        //可以阻止当出现软键盘时，背景上移变形的问题
        resizeToAvoidBottomInset: false,
        body: Stack(
          alignment: Alignment.center,
          children: [
            Container(
              //当前对容器设置一个无限大的宽高时，会默认填充
              width: double.infinity,
              height: double.infinity,
              //对盒子进行修饰
              decoration: const BoxDecoration(
                  image: DecorationImage(
                      image: AssetImage("assets/bg.png"),
                      fit: BoxFit.cover
                  )
              ),
            ),SizedBox(
              width: double.infinity,
              height: double.infinity,
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 0.0, sigmaY: 0.0),
                child: Container(
                  width: double.infinity,
                  height: double.infinity,
                  color: Colors.white.withAlpha(0),
                ),
              ),
            ),
            Container(
              margin: const EdgeInsets.fromLTRB(15.0, 100.0, 15.0, 0.0),
              height: 400.0,
              alignment: Alignment.topCenter,
              decoration: const BoxDecoration(
                color: Colors.white
              ),
              child: SignPage(),
            ),
            Positioned(
                top: 225,
                left: 165,
                child: Container(
                  width: 100,
                  height: 100,
                  decoration:BoxDecoration(
                      border: Border.all(color:const Color(0xFF0987FF),width: 2),
                      shape: BoxShape.circle,
                      image: const DecorationImage(
                          image: AssetImage(
                            'assets/sigin_boy_img.jpg',
                          )
                      )
                  ),
                )
            ),
          ],

        )
      ),
    );
  }
}